<html>

<head>
    <meta charset="UTF-8">
    <title>学校信息管理系统</title>
    <link rel="stylesheet" type="text/css" href="style.css">

    <style>
        body {
          margin: 0;
          padding: 0;
          background-image: url('your_background_image.jpg');
          background-size: cover;
          background-position: center;
        }
        
        .container {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 100vh;
        }
        
        .content {
          background-color: rgba(255, 255, 255, 0.7);
          padding: 20px;
          text-align: center;
        }
        
        h1 {
          font-size: 36px;
          margin-top: 0;
        }
        
        button {
          padding: 11px 20px;
          font-size: 18px;
          margin-bottom: 10px;
        }
        
    </style>
</head>

<body>
    <div class="container">
        <div class="content">
            <h1>学校信息管理系统</h1>
            <div class="button">
                <button id="studentBtn">登录为学生</button>
            </div>
            <div class="button">
                <button id="teacherBtn">登录为老师</button>
            </div>
        </div>
    </div>

    <script src="script.js"></script>

    <script>
        document.getElementById("studentBtn").addEventListener("click", function() {
          // 处理学生登录的逻辑
            location.href = "http:teatest.html";
          alert("aaa")
        });
        
        document.getElementById("teacherBtn").addEventListener("click", function() {
          // 处理老师登录的逻辑
          alert("bbb")
        });
        
    </script>


</body>

</html>